<template>
    <div>
        <mt-swipe :auto="4000">
         <mt-swipe-item v-for="item in lunbotuList" :key="item.id">
            <img :src="item.img" alt="" :class="{full:'isfull'}">
         </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props:['lunbotuList','isfull']
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height: 200px;

    .mint-swipe-item{
        text-align: center;
        &:nth-child(1){
            // background-color: rgb(115, 255, 0);
           background: url(../../img/21.jpg) center;
           
        }
        &:nth-child(2){
            // background-color: red;
            background: url(../../img/22.jpg) center;
        }
        &:nth-child(3){
            // background-color: blue;
            background: url(../../img/23.jpg) center;
        }
        img{
            width: 100%;
            height: 100%;
        }
    }
}

.full{
    width: 100%;
}
</style>